* { 
margin:0; 
padding:0 
} 

body {
	margin: 0;
	padding: 0;
  	background: #f0f0f0 /*#f0f0f0*//*d9edf2*/ url(../images/page-bg-up.png) top repeat-x;
  	text-align: left;
  	font-family: 'Lucida Grande', Lucida, Verdana,Arial,sans-serif;
  	font-size: 12px;
  	color: #2c2c2c;
}

#logo {
	position: absolute;
	background: url(../images/rynyty-logo-christmas3.png) top left no-repeat;
	width: 140px;
	height: 89px;
	/*padding: 13px 0px 0px 23px;*/
	font-family: Georgia, Helvetica, Arial, serif;
	font-size: 40px;
	font-weight: normal;
	letter-spacing: -3px;
	line-height: 1.2em;
	margin-top: -92px;
	left: -68px;
}


#logo-text {
	position: absolute;
	background: url(../images/rynyty-logo-text1.png) top left no-repeat;
	width: 118px;
	height: 55px;
	top: -55px;
	left: -118px;

}

#main {
	position: relative;
	top: 40px;
}

#logo a:link, #logo a:active, #logo a:hover, #logo a:visited {
	text-decoration: none;
	color: #676b5c;
	text-shadow: 0px 1px 1px #ddd;
	display:block;
}


#lenta {
	position: absolute;
	top: 1px;
	right: 0;
	width: 400px;
	height: 26px;
	padding: 0;	
	z-index: 1000;
}

#bugs {
	background: url(../images/bug.png);
	border: none;
	width: 30px;
	height: 30px;
	margin-top: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}

#bugs:hover, #bugs:active {
	background: url(../images/bug-hover.png) top left no-repeat;
}

#lenta img:hover {
	width: 20px;
	height: 20px;
	/*border: 1px solid #56a5d7;*/
	margin-right: -1px;
}

#lenta ul{
	list-style: none;
}

#lenta li{
	float: right;
	display: inline;
	padding: 0px 15px 0px 0px;
	line-height: 25px;
	text-shadow: 0px 1px 1px #ddd;
}

a.lenta:link, a.lenta:visited {
	color: #3e4037;
	text-decoration: none;
	border-bottom: 1px solid #2c2c2c;
}

a.lenta:hover, a.lenta:active {
	text-decoration: none;
	color: #fff;
	text-shadow: none;
	border-bottom: 1px solid #fff;
}

a.lenta-logout:link, a.lenta-logout:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	padding: 1px;
	border-bottom: 1px solid #2c2c2c;
}

a.lenta-logout:hover, a.lenta-logout:active {
    color: #fff;
	background: #56a5d7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
	text-shadow: none;
	border-bottom: none;
}

.hidden {
	display: none;
}

.small {
  font-size: 80%;
}

.large {
  font-size: 110%;
}

.bold {
 font-weight: bold;
}

.narrow {
     width: 34px;
}

input[type=submit] {
	cursor: pointer;
}

#main {
	position: relative;
	margin-top: 30px;
	width: 100%;
	/*height: 710px;*/
	font-size: 12px;
}

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
	cursor: pointer;
	cursor: hand;
}

/*----------LAYOUT--------*/

#container {
	position: relative;
	margin: 0 auto;
	width: 960px;
	/*height: 700px;*/

}

#product-view {
	position: relative;
	width: 960px;
	height: 700px;
	margin: 0 auto;
	background: #f2efe3/*#f8fddc*/ /*url(../images/comp-product-bg.png) no-repeat*/;
 	-moz-border-radius-topright: 20px;      /*CSS 3*/
	-webkit-border-top-right-radius: 20px;   /*CSS 3*/
	-moz-border-radius-bottomleft: 20px;      /*CSS 3*/
	-webkit-border-bottom-left-radius: 20px;   /*CSS 3*/
	-moz-border-radius-bottomright: 20px;      /*CSS 3*/
	-webkit-border-bottom-right-radius: 20px;   /*CSS 3*/
	border: 1px solid #78adc4;
	-moz-box-shadow: 0px 0px 10px #bbb;
	-webkit-box-shadow: 0px 0px 10px #bbb;
}

#top {
	position: relative;
	width: 960px;
	height: 58px;
	background: #78adc4 url(../images/top-bg.png) repeat-x;
 	-moz-border-radius-topright: 15px;      /*CSS 3*/
 	-webkit-border-top-right-radius: 15px;
 	border-bottom: 1px solid #78adc4;
}

#middle {
	position: relative;
	width: 960px;
}

#bottom {
	position: relative;
	width: 960px;
	height: 40px;
}

.left {
	float: left;
	width: 72px;
	height: 500px;
	display: inline; /*--IE6 workaround--*/
}

#content {
	float: left;
	width: 868px;
	/*height: 549px;*/
	margin-top: 50px;
	overflow: auto;
	display: inline; /*--IE6 workaround--*/
}

.content {
	float: left;
	width: 868px;
	/*height: 549px;*/
	margin-top: 50px;
	padding-left: 20px;
	overflow: auto;
	display: inline; /*--IE6 workaround--*/
}

.right {
	float: right;
	width: 72px;
	height: 500px;
	display: inline; /*--IE6 workaround--*/
}


.topleft {
	float: left;
	width: 72px;
	height: 68px;
	display: inline; /*--IE6 workaround--*/
}

.topmiddle {
	float: left;
	width: 816px;
	height: 68px;
	display: inline; /*--IE6 workaround--*/
	overflow: hidden;
	white-space: nowrap;
}

.topright {
	float: right;
	width: 72px;
	height: 68px;
	background: transparent /*url(../images/product-view-toprightbg.png) no-repeat*/;
	display: inline; /*--IE6 workaround--*/
}

.bottomleft {
	float: left;
	left: 10px;
	width: 72px;
	height: 40px;
	/*background: url(../images/product-view-bottomleftbg.png) repeat-x;*/
	display: inline; /*--IE6 workaround--*/
}

.bottommiddle {
	float: left;
	width: 816px;
	height: 40px;
	/*background: url(../images/product-view-bottommiddlebgtile.png) repeat-x;*/
	display: inline; /*--IE6 workaround--*/
}

.bottomright {
	float: right;
	width: 72px;
	height: 40px;
	display: inline; /*--IE6 workaround--*/
}

/*--- LENTA---------*/

#servizna-lenta {
	position: absolute;
	font-size: 13px;
	z-index: 200;
	opacity: 1;
	z-index: 20;
	margin-left: -1px;
	margin-top: -39px;
}

#servizna-lenta ul {
	list-style: none;
	clear: both;
	margin: 0;	
	padding: 0;
}

#servizna-lenta-shadow {
	position: absolute;
	width: 275px;
	margin-left: -1px;;
	height: 36px;
	opacity: 0.5;
	margin-top: -38px;
	-moz-box-shadow: 0px 0px 10px #bbb;
	-webkit-box-shadow: 0px 0px 10px #bbb;	
	-moz-border-radius: 10px;      /*CSS 3*/
	-webkit-border-radius: 10px;   /*CSS 3*/
	-moz-border-radius-bottomleft: 0px;      /*CSS 3*/
	-webkit-border-bottom-left-radius: 0px;   /*CSS 3*/
	-moz-border-radius-bottomright: 0px;      /*CSS 3*/
	-webkit-border-bottom-right-radius: 0px;   /*CSS 3*/
	z-index: 0;
}

#servizna-lenta ul li {
	display: inline;
	}

.servizna-lenta-item {
	background: #9bbfcf;
	color: #fff; /*#a3ccd5;*/
	/*text-shadow: 0px 1px 2px #eee;*/
	border: none;
	float: left;
	cursor: pointer;
	cursor: hand;
	padding: 8px;
	font-size: 15px;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #5e7681;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.servizna-lenta-item {
		padding: 8px 10px;
		text-shadow: none;
	}
}

#products {
	-moz-border-radius-topleft: 10px;      /*CSS 3*/
	-webkit-border-top-left-radius: 10px;   /*CSS 3*/
	border-left: 1px solid #78adc4/*#676b5c*/;	
	border-top: 1px solid #78adc4;
}

#recipes {
	border-top: 1px solid #78adc4;	
	border-right: 1px dotted #78adc4;	
	border-left: 1px dotted #78adc4;	
	border-bottom: none;
}

#smetki {
	-moz-border-radius-topright: 10px;      /*CSS 3*/
	-webkit-border-top-right-radius: 10px;   /*CSS 3*/
	border-right: 1px solid #78adc4;	
	border-top: 1px solid #78adc4;	
	border-bottom: none;
}

.servizna-lenta-item:hover, .servizna-lenta-item:active, .selected1 {
	background: #f3fbfd /*#c4c6bc*/;
	color: #000;
	opacity: 1;
	text-shadow: none;
}

#servizna-lenta form {
	display: inline;
	background: transparent;
}

#servizna-lenta submit {
	border: none;
	display: none;
}

/*--------------*/

#editnew-container {
	height: 30px;
	width: 100%;
	background: #fff;
	margin-top: 58px;
	position: absolute;
	border-bottom: 1px solid #ece9de;
}

#editnew {
	position: absolute;
	margin-top: 62px;
	margin-left: 686px;
	list-style: none;
	z-index: 29;
}

#editnew li {
	display: inline;
	margin-right: 2px;
	font-size: 11px;
}

#editbutton, #moite {
	background: transparent /*#f7f2ec*/;
 	-moz-border-radius: 7px;      /*CSS 3*/
	-webkit-border-radius: 7px;   /*CSS 3*/
	border: none;
	color: #56a5d7;
	padding: 1px;
	cursor: hand;
	cursor: pointer;
	display: inline;
	text-decoration: none;
	border-bottom: 1px solid #56a5d7;
}

#add {
	border: none;
	background: transparent /*#f7f2ec*/;
 	-moz-border-radius: 7px;      /*CSS 3*/
	-webkit-border-radius: 7px;   /*CSS 3*/
	color: #56a5d7;
	padding: 2px;
	display: inline;
}

#editbutton:hover, #add:hover {
	background: #56a5d7;
	color: #fff;
	border-bottom: none;
}

#editnew a:link,  #editnew a:visited {
	color: #56a5d7;
	display: inline;
	text-decoration: none;
	border-bottom: 1px solid #56a5d7;
	padding: 1px;
}

#editnew a:hover, #editnew a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	text-shadow: none;
}

#find {
	width: 95px;
	display: inline;
	margin-left: 4px;
 	-moz-border-radius: 10px;      /*CSS 3*/
	-webkit-border-radius: 10px;   /*CSS 3*/
	border: 1px solid #bcbab0;
	color: #2c2c2c;
	font-size: 10px;
	padding: 4px 25px 4px 8px;
	font-size: 10px;
	letter-spacing: 0.5px;
	background: #fff url(../images/find.png) 70px 2px no-repeat;
}

/*-----------LISTS------------*/

li.categorynav {

}

li.categorynav:hover {
	background: #85a6b5;
	-moz-border-radius: 10px;      /*CSS 3*/
	-webkit-border-radius: 10px;   /*CSS 3*/

}

.selected {
	background: #fff;
	-moz-border-radius: 10px;      /*CSS 3*/
	-webkit-border-radius: 10px;   /*CSS 3*/
	border: 1px solid #78adc4;
	-moz-box-shadow: 0px 0px 10px #bbb;
	-webkit-box-shadow: 0px 0px 10px #bbb;
	color: #2c2c2c;
	z-index: 300;
	height: 40px;
}

li.categorynav a, li.categorynav a:visited, li.categorynav a:active, li.categorynav a:link {
	display: block;
	color: #fff;
	text-shadow: 0px 1px 1px #5e7681;
}

.selected a {
	color: #2c2c2c;
}

/*----------CONTENT------*/

.component-product-div {
	position: relative;
 	float: left;
 	margin: 0 7px 7px 0
}

/*----------NOVINI----------*/

#novini {
	position: absolute;
	width: 260px;
	height: 160px;
	background: #fafbf1;
	border: 3px solid #676b5c;
	color: #2c2c2c;
	z-index: 200;
	right: 0px;
	top: 20px;
	display: none;
}

/*---MESSAGES----*/

.message {
	position: absolute;
	margin-top: -40px;
	color: #2f2f2f;
}

a.link-do-combo {
	font-size: 80%;
}

